/*component*/
/*https://github.com/tobiasahlin/SpinKit*/

.alertBackground {
    display          : none;
    width            : 100%;
    height           : 100%;
    opacity          : 0;
    top              : 0px;
    filter           : alpha(opacity=0);
    background-image : url(images/loading_mask.png); 
    position         : absolute;
    left             : 0px;
    z-index          : 1000;
}

.loading-bar {
    display     : none;
    width       : 148px;
    height      : 28px;
    position    : fixed;
    top         : 50%;
    left        : 50%;
    margin-left : -74px;
    margin-top  : -14px;
    padding     : 10px 10px 10px 10px;
    text-align  : left;
    line-height : 27px;
    font-weight : bold;
    position    : absolute;
    z-index     : 2001;
}

.loading-msg {
    border : 1px solid red
}

.spinner {
    margin     : 0 auto;
    width      : 60px;
    height     : 40px;
    text-align : center;
    font-size  : 10px;
}

.spinner > div {
    background-color  : #6b9dc8;
    height            : 100%;
    width             : 6px;
    display           : inline-block;
    -webkit-animation : sk-stretchdelay 1.2s infinite ease-in-out;
    animation         : sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
    -webkit-animation-delay : -1.1s;
    animation-delay         : -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay : -1.0s;
    animation-delay         : -1.0s;
}

.spinner .rect4 {
    -webkit-animation-delay : -0.9s;
    animation-delay         : -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay : -0.8s;
    animation-delay         : -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform : scaleY(0.4)
    }
    20% {
        -webkit-transform : scaleY(1.0)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform         : scaleY(0.4);
        -webkit-transform : scaleY(0.4);
    }
    20% {
        transform         : scaleY(1.0);
        -webkit-transform : scaleY(1.0);
    }
}

/*end component*/

.load-container {
    display          : none;
    z-index          : 9998;
    position         : absolute;
    height           : 100%;
    width            : 100%;
    top              : 0px;
    left             : 0px;
    background-image : url(images/loading_mask.png); 
}
.footer{
    bottom:0px;
    width:100%;
}